<!DOCTYPE html>
<html>

	<head>
		<title>鲜度一百商城</title>
		<!-- Unresponsive -->
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!--[if (lte IE 8) ]> <script type="text/javascript">location.href="upgrade.html";</script> <![endif]-->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/frontend.css" />

		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/global.js"></script>
		<!--<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon" />-->

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
		<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<div class="iconfont icon-angledown" onclick="$('html,body').animate({scrollTop: 0}, 300);" style="cursor:pointer;width:60px;height:60px;display:inline-block;right:20px;bottom:20px;position:fixed;z-index:5;background:#3d3c42;color:#FFF;transform:rotate(180deg);text-align:center;line-height:54px;font-size:36px;"></div>

		<div class="hx2top">
			<div class="container">
				<div class="row">
					<div class="col-xs-4">
						<div class="pt15">
							<a href="index.html" class="ydilogo">
								<img src="img/logo_xdyb_sm.jpg" class="gkimg" />
							</a>
							<div class="gieie">
								<a href="#">
									<img src="img/dp-logo.jpg" class="alnk" />
								</a>
							</div>
							<div class="ieo2i">
								<div class="huioke">
									<a href="#">彩田路肉菜市场</a>
								</div>
								<div class="pt5">
									<span class="sieo">
										授权经销商
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="pt20">
							<div class="mx03">
								<button class="dhsour">搜索</button>
								<input placeholder="搜索 本店生鲜肉菜供应" type="text" />
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="mx04">
							<div class="mx05">
								<a class="mx06" href="index.html">海岸城生鲜超市</a>
							</div>
							<div class="mx07">
								<a href="cart.html">购物车</a>
								<span>|</span>
								<a href="user-address.html">我的账户</a>
								<span>|</span>
								<a href="#">安全退出</a>
							</div>
						</div>
						<div class="mx04_1">
							<a href="mycredit.html" class="mx_ei3o">
								<div class="mx04_13">
									<span>我的授信：</span>
									<strong>120000/240000</strong>
								</div>
								<div>
									<div class="progress">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
											50%
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container" style="z-index:12;">
			<div class="row">
				<div class="col-xs-2">
					<div class="cate-lav-inner">
						<div class="cate-lav-ie">
							<div class="cate-lav-sdh">
								<div class="cate-lav-gidt1">
									<a href="#">国产水果</a>
								</div>
								<div class="pad-15">
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">火龙果</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">时令水果</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">柚子</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">橙子</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">苹果</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">香蕉</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">荔枝</a>
									</span>
									<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">葡萄</a>
									</span>
								</div>
							</div>

							<a href="javascript:void(0)" class="cate-lav-bgtt">
								<strong>全部商品分类</strong>
								<span class="iconfont icon-angledown cate-lav-srh"></span>
							</a>
							<div class="cate-lav-ul">

								<a href="javascript:void(0)" class="cate-lav-itm">
									<span>国产水果</span>
									<span class="iconfont icon-angleright anglr"></span>
								</a>
								<a href="javascript:void(0)" class="cate-lav-itm">
									<span>禽类蛋品</span>
									<span class="iconfont icon-angleright anglr"></span>
								</a>
								<a href="javascript:void(0)" class="cate-lav-itm">
									<span>精选肉类</span>
									<span class="iconfont icon-angleright anglr"></span>
								</a>
								<a href="javascript:void(0)" class="cate-lav-itm">
									<span>海鲜水产</span>
									<span class="iconfont icon-angleright anglr"></span>
								</a>
								<a href="javascript:void(0)" class="cate-lav-itm">
									<span>乳品糕点</span>
									<span class="iconfont icon-angleright anglr"></span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--
			cst-space：大型slide (START)
		-->
		<div id="cst-space">

			<div class="sid-bts lt">
				<span class="iconfont icon-left"></span>
			</div>
			<div class="sid-bts rt">
				<span class="iconfont icon-right"></span>
			</div>
			<div id="btc-lst">
				<div class="itm selected"></div>
				<div class="itm"></div>
				<div class="itm"></div>
			</div>
			<div id="gall-wp">
				<div id="gall-list">
					<div class="gall-itm" style="background-image:url(img/slide/2985624686.jpg)">
						<div class="container">
							<div class="row">
								<div class="col-xs-12">

								</div>
							</div>
						</div>
					</div>

					<div class="gall-itm" style="background-image:url(img/slide/2985d334686.jpg)">
					</div>

					<div class="gall-itm" style="background-image:url(img/slide/2985624687.jpg)">
						<div class="container">
							<div class="row">
								<div class="col-xs-12">

									<style>
										.hind1,
										.hind2 {
											display: inline-block;
											/*text-align: center;*/
										}
										
										.hind1 .wp,
										.hind2 .wp {
											padding-top: 150px;
											padding-left: 90px;
											color: #777;
										}
										
										.hind2 .wp {
											padding-top: 230px;
											color: #FFF;
										}
										
										.hind1 .wp .t1,
										.hind2 .wp .t1 {
											font-size: 24px;
											margin-bottom: 30px;
										}
										
										.hind2 .wp .t1 {
											margin-bottom: 40px;
										}
										
										.hind1 .wp .t2,
										.hind2 .wp .t2 {
											font-size: 38px;
											font-weight: 300;
										}
										
										.hind2 .wp .t2,
										.hind2 .wp .t3 {
											font-size: 20px;
										}
										
										.hind2 .wp .t3 {
											margin-bottom: 40px;
										}
										
										.hind1 .wp .t3 {
											padding-top: 20px;
										}
										
										.hind1 .wp .st,
										.hind2 .wp .st {
											color: #aaa;
											font-size: 12px;
											display: inline-block;
											padding-bottom: 8px;
											border-bottom: 2px solid #5cb85c;
											margin-right: 10px;
										}
										
										.hind1 .wp .bst,
										.hind2 .wp .bst {
											background: #5cb85c;
											color: #FFF;
											display: inline-block;
											font-size: 16px;
											height: 38px;
											line-height: 38px;
											width: 110px;
											text-align: center;
											border-radius: 3px;
										}
										
										.hind2 .wp .bst {
											color: #5cb85c;
											background: #FFF;
											font-size: 16px;
											margin: 0;
											width: 120px;
											transition: all .5s;
										}
										
										.hind2 .wp .bst:hover {
											background: #FFD800;
											color: rgba(0, 0, 0, .5);
										}
										
										.hind1 .t2.slide_show,
										.hind2 .t2.slide_show {
											transform: translate3d(0, -25px, 0);
										}
										
										.hind1 .t3.slide_show,
										.hind2 .t3.slide_show,
										.ykbw_2.slide_show {
											transform: translate3d(0, -25px, 0);
										}
										
										.hind2 .t4.slide_show,
										.ykbw_3.slide_show,
										.ykbw_4.slide_show {
											transform: translate3d(0, -25px, 0);
										}
									</style>
									<div class="hind1">
										<div class="wp">
											<div class="t1 slide_sheet" sid="0">狠土狠香狠安全</div>
											<div class="t2 slide_sheet" sid="1" style="font-weight: bold;">新进优质土猪</div>
											<div class="t3 slide_sheet" sid="2">
												<a href="#" class="bst">查看详情</a>
											</div>
											<div class="t3 slide_sheet" sid="2" style="padding-top:15px;color:#F80">店铺肉菜供不应求的秘诀！</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!--
			cst-space：大型slide (END)
		-->

		<!--
        	作者：vincedotnet@hotmail.com
        	时间：2017-08-29
        	描述：页面配置展示部分
        -->

		<div class="hm-wfl-adsv container">
			<div class="row">
				<div class="col-xs-12">
					<div class="hm-wfl-adsv-tt">
						最新推荐
					</div>
					<div class="hm-wfl">
						<div class="dhi dh_01">
							<a href="#"><img src="img/slide/hmr/9288705355260529.jpg" /></a>
						</div>
						<div class="dhi dh_02">
							<div class="sub-dhi t f2 bdb">
								<a href="#"><img src="img/slide/hmr/9288711966663447.jpg" /></a>
							</div>
							<div class="sub-dhi b f1 l bdr">
								<a href="#"><img src="img/slide/hmr/9288705689559675.jpg" /></a>
							</div>
							<div class="sub-dhi b f1 r">
								<a href="#"><img src="img/slide/hmr/9288711678632720.jpg" /></a>
							</div>
						</div>
						<div class="dhi dh_03">
							<div class="sub-dhi t f1 l bdr bdb">
								<a href="#"><img src="img/slide/hmr/9288699268669832.jpg" /></a>
							</div>
							<div class="sub-dhi t f1 r bdb">
								<a href="#"><img src="img/slide/hmr/9288699281842568.jpg" /></a>
							</div>
							<div class="sub-dhi b f2">
								<a href="#"><img src="img/slide/hmr/9288711677027088.jpg" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="hm-wfl-adsv container">
			<div class="row">
				<div class="col-xs-12">
					<div class="hm-wfl-adsv-tt">
						时令水果
					</div>
					<div class="hm-wfl">
						<div class="dhi dh_01">
							<a href="#"><img src="img/slide/hmr/9288700900680263.jpg" /></a>
						</div>
						<div class="dhi dh_02">
							<div class="sub-dhi t f2 bdb">
								<a href="#"><img src="img/slide/hmr/9288707930956464.jpg" /></a>
							</div>
							<div class="sub-dhi b f1 l bdr">
								<a href="#"><img src="img/slide/hmr/9288707930759856.jpg" /></a>
							</div>
							<div class="sub-dhi b f1 r">
								<a href="#"><img src="img/slide/hmr/9288707927614128.jpg" /></a>
							</div>
						</div>
						<div class="dhi dh_03">
							<div class="sub-dhi t f1 l bdr bdb">
								<a href="#"><img src="img/slide/hmr/9288707898417839.jpg" /></a>
							</div>
							<div class="sub-dhi t f1 r bdb">
								<a href="#"><img src="img/slide/hmr/9288708072776371.jpg" /></a>
							</div>
							<div class="sub-dhi b f2">
								<a href="#"><img src="img/slide/hmr/9288706061443713.jpg" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 页面部分 -->
		<style>
			body {
				background: #f2f2f2;
			}
		</style>

		<div class="container" style="margin-bottom:20px;">
			<div class="row">
				<div class="col-xs-12">
					<div class="sunnytct">
						<span class="t1">优质商品</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou01.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">优质五花肉</div>
							<div class="ts2">优质黑猪，满5送1</div>
						</div>
						<div class="tprice">
							<div class="core">￥30/斤</div>
						</div>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou02.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">新鲜通脊肉</div>
							<div class="ts2">农家散养土猪肉精选</div>
						</div>
						<div class="tprice">
							<div class="core">￥56/斤</div>
						</div>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou03.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">新鲜通脊肉</div>
							<div class="ts2">农家散养土猪肉精选</div>
						</div>
						<div class="tprice">
							<div class="core">￥56/斤</div>
						</div>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou04.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">新鲜通脊肉</div>
							<div class="ts2">农家散养土猪肉精选</div>
						</div>
						<div class="tprice">
							<div class="core">￥56/斤</div>
						</div>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou05.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">新鲜通脊肉</div>
							<div class="ts2">农家散养土猪肉精选</div>
						</div>
						<div class="tprice">
							<div class="core">￥56/斤</div>
						</div>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou06.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">新鲜通脊肉</div>
							<div class="ts2">农家散养土猪肉精选</div>
						</div>
						<div class="tprice">
							<div class="core">￥56/斤</div>
						</div>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="ecproditm">
						<a href="product.html" class="crv"></a>
						<div class="imghod">
							<div class="imgholder" style="background-image: url(img/slide/zhurou07.jpg);"></div>
						</div>
						<div class="txtcht">
							<div class="ts1">黑猪排鲜猪</div>
							<div class="ts2">四川生态正宗深山散养黑猪排鲜猪</div>
						</div>
						<div class="tprice">
							<div class="core">￥25/袋</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="pagebottom">
			<div class="container tcg1">
				<div class="row">
					<div class="col-xs-8">
						此处填写备案号等文字 Copyright © 2014-2016 XIANDUYIBAI Inc. All rights reserved.
					</div>
					<div class="col-xs-4 text-right">
						<div class="t1">24小时全国服务热线</div>
						<div class="qgrx">400-888-8888</div>
					</div>
				</div>
			</div>

		</div>

		<!-- /container -->
		<script type="text/javascript">
			$(document).ready(function() {
				adfunc();
			});
		</script>

	</body>

</html>